<script lang="ts">
import { PropType, defineComponent } from 'vue'
import { Stats } from '../types/Stats'

export default defineComponent({
	name: 'AppFooter',
	props: {
		stats: {
			type: Object as PropType<Stats>,
			required: true,
		},
	},
})
</script>

<template>
	<footer class="app-footer">
		{{ stats.active }} more to do, {{ stats.done }} done
	</footer>
</template>

<style scoped></style>
